﻿<!DOCTYPE html>
<html lang="zxx">
    <head>
		<!--=== Required meta tags ===-->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<!--=== CSS Link ===--> 
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
		<link rel="stylesheet" href="assets/css/icofont.min.css">
		<link rel="stylesheet" href="assets/css/font-awesome-pro.css">
		<link rel="stylesheet" href="assets/css/meanmenu.css">
		<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
		<link rel="stylesheet" href="assets/css/scrollcue.css">
		<link rel="stylesheet" href="assets/css/style.css">
		<link rel="stylesheet" href="assets/css/responsive.css">
		<link rel="stylesheet" href="assets/iconfont/iconfont.css">

		
		<!--=== Favicon ===-->
		<!-- <link rel="icon" type="image/png" href="assets/images/logo.png"> -->
		<!--=== Title ===-->
		<title>Saildefenser</title>
    </head>

    <body>
		<!--=== Start Preloader Section ===-->
		<div class="preloader">
            <div class="content">
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
                <div class="ball"></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--=== End Testimonial Section ===-->


		<!--=== Start Navbar Section ===-->
		<div class="navbar-section" style="">
			<!--=== Start Main Navbar Section ===-->
			<div class="main-nav">
				<div class="container">
					<nav class="navbar navbar-expand-md navbar-light">
						<a class="navbar-brand" href="index.html">
							<img class="logo" src="assets/images/logo.png" alt="Logo">
						</a> 
						
						<div class="collapse navbar-collapse for-mobile-menu" id="navbarSupportedContent">
							<ul class="navbar-nav m-auto">
								<li class="nav-item">
									<a href="index.html" class="nav-link active">
										Home             
									</a>
								</li>
								<li class="nav-item">
									<a href="products.html" class="nav-link">Products</a>
								</li>
								<li class="nav-item">
									<a href="applications.html" class="nav-link">Applications</a>
								</li>
								<li class="nav-item">
									<a href="about-us.html" class="nav-link">About Us</a>
								</li>
								<li class="nav-item">
									<a href="contact-us.html" class="nav-link">Contact Us</a>
								</li>
							</ul>
						</div>
					</nav>
				</div>
			</div>
			<!--=== End Main Navbar Section ===-->

			<!--=== Start Mobile Navbar Section ===-->
			<div class="mobile-nav">
				<div class="container">
					<div class="mobile-menu">
						<div class="logo">
							<a href="index.html">
								<img src="assets/images/logo.png" alt="Logo">
							</a>
						</div>
					</div>
				</div>
			</div>
			<!--=== End Mobile Navbar Section ===-->
		</div>
		<!--=== End Navbar Section ===-->

		<!--=== Start Banner Section ===-->
		<section class="banner-section  bg-img ptb-145 " data-background="./assets/images/banner.png">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-lg-8">
						<div class="banner-content" data-cues="fadeIn" data-group="images">
							<!-- <span class="top-title">Artificial Intelligence And Robotics</span> -->
							<h1>The yacht/boat with it is very 
							</h1>
							<h1>smooth in the wind and wave
							</h1>
							<p>Saildefender eliminates up to 95% of boat roll,Greatly improve the comfort on board, once you try it,you can't leave it. Getting ready and join us!
							</p>
	
							<!-- <div class="banner-btn-group">
								<a href="contact-us.html" class="main-btn">
									<span>
										Discover More
										<i class="fa-solid fa-arrow-right"></i>
									</span>
								</a>
							</div> -->
						</div>
					</div>

					<div class="col-lg-4">
						<div class="banner-img" data-cues="fadeIn" data-group="images">
							<img src="assets/images/banner/banner-bg-sd.png" alt="banner-img">
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--=== End Banner Section ===-->
		

		<!--=== Start Dedicated Section ===-->
		<section class="dedicated-area banner-section-spc pt-50 pb-200" data-background="./assets/images/index/derction.jpg" >
			<div class="container">
				<div class="main-section-title">
					<h2>The working principle and application</h2>
					<h2>The most efficient gyroscope (the boat stabilizer)</h2>
				</div>

				<div class="row justify-content-center">
					<div class="col-lg-12">
						<p class="">
							The anti-roll gyroscope has a heavy flywheel inside, and relies on the angular momentum of the flywheel to offset the sway of the boat, and the intelligent controller initiate active control with the information of the ship's sway perceived by the sensors, so as to stabilize the boat.
						</p>
					</div>

					<div class="col-lg-12">
						<p>
							Marine anti-roll gyroscope is mainly used to reduce the swing of boats, after years of development, anti-roll gyroscope has been widely used in different sizes of ships, such as work boats, personal yachts, personal fishing boats and so on.
						</p>
					</div>

				</div>
			</div>
		</section>
		<!--=== End Dedicated Section ===-->

		<!--=== Start Page Advantages Section ===-->
		<div class="page-banner-section banner-section bg-img pt-50 pb-50" data-background="./assets/images/index/bg.png">
			<div class="container">
				<div class="main-section-title">
					<h2 style="color: #fff;">Advantages</h2>
				</div>
				<div class="row text-center mb-50 advantages-row">
					<div class="col-lg-6">
						<div>
							<!-- <img src="assets/images/index/ad1.png" alt="page-banner-img"> -->
							<i class="iconfont icon-youxiao"></i>
							<p>REMARKABLE EFFECT</p>
						</div>
					</div>
					<div class="col-lg-6 advantages-right">
						<span>Eliminates up to 95% of boat-roll</span>
					</div>
				</div>
				<div class="row text-center mb-50 advantages-row">
					<div class="col-lg-6">
						<div>
							<i class="iconfont icon-yiyong"></i>
							<p>INTELLIGENT</p>
						</div>
					</div>
					<div class="col-lg-6 advantages-right">
						<span>Original mechanical and electrical integrated design, firm and durable, low failure rate, simple and convenient maintenance</span>
					</div>
				</div>
				<div class="row text-center mb-50 advantages-row">
					<div class="col-lg-6">
						<div>
							<i class="iconfont icon-anquan"></i>
							<p>SAFTY</p>
						</div>
					</div>
					<div class="col-lg-6 advantages-right">
						<span>Mechanical + electromagnetic + electronic, impact resistant, can adapt to harsh sea conditions</span>
					</div>
				</div>
				<div class="row text-center mb-50 advantages-row">
					<div class="col-lg-6">
						<div>
							<i class="iconfont icon-jieneng"></i>
							<p>EFFICIENCY</p>
						</div>
					</div>
					<div class="col-lg-6 advantages-right">
						<span>Vacuum chamber：Improved protection and significantly reduced power consumption</span>
					</div>
				</div>
				<div class="row text-center mb-50 advantages-row">
					<div class="col-lg-6">
						<div>
							<i class="iconfont icon-zhineng"></i>
							<p>EASY TO USE</p>
						</div>
					</div>
					<div class="col-lg-6 advantages-right">
						<span>One-key start and stop, automatic operation, simple interface, real-time display of running status</span>
					</div>
				</div>
				<div class="row text-center mb-50 advantages-row">
					<div class="col-lg-6">
						<div>
							<!-- <img src="assets/images/index/ad1.png" alt="page-banner-img"> -->
							<i class="iconfont icon-caokong"></i>
							<p>EASY TO MAINTAIN</p>
						</div>
					</div>
					<div class="col-lg-6 advantages-right">
						<span>Modular design, users can complete most of the maintenance work</span>
					</div>
				</div>
			</div>
		</div>
		<!--=== End Page Advantages Section ===-->

		<!--=== Start Page submit Section ===-->
		<div class="page-banner-section  page-home-section  banner-section page-banner-submit bg-img pt-50 pb-50">
			<div class="container">
				<div style="display:flex;">
					<span>When comfort，safety and effective matters，just contact us, all the problems can be solved, No one knows more about your boat than you! Enter your boat information and we will guide you through the options so you can decide which Saildefender is right for you.
					</span>
				</div>
				<div class="col-lg-12 col-lg-6-6">
					<div class="contact-form-content">
					  <form>
						  <div class="billing-address">
							<div class="row">
								<div class="col-lg-6 col-sm-6">
								  <div class="form-floating">
									<input
									  type="text"
									  class="form-control"
									  placeholder="First name"
									/>
									<label for="First" class="form-label">First name</label>
								  </div>
								</div>
								<div class="col-lg-6 col-sm-6">
								  <div class="form-floating">
									<input
									  type="text"
									  class="form-control"
									  placeholder="Last name"
									/>
									<label for="Last" class="form-label">Last name</label>
								  </div>
								</div>
								<div class="col-lg-6 col-sm-6">
								  <div  class="form-floating">
									<input
									  type="text"
									  class="form-control"
									  placeholder="Location"
									/>
									<label for="Location" class="form-label">Location</label>
								  </div>
								</div>
								<div class="col-lg-6 col-sm-6">
								  <div class="form-floating">
									<input
									  type="text"
									  class="form-control"
									  placeholder="Phone"
									/>
									<label for="Phone" class="form-label">Phone</label>
								  </div>
								</div>
								<div class="col-lg-6 col-sm-6">
								  <div class="form-floating">
									<input
									  type="text"
									  class="form-control"
									  placeholder="Email"
									/>
									<label for="Email" class="form-label">Email</label>
								  </div>
								</div>
								<div class="col-lg-6 col-sm-6">
								  <div class="form-floating">
									<input
									  type="text"
									  class="form-control"
									  placeholder="Boat size and tonnage"
									/>
									<label for="Boat" class="form-label">Boat size and tonnage</label>
								  </div>
								</div>
								<div class="col-lg-6" style="margin-top: 20px">
								  <div class="form-floating">
									<textarea
									  style="height: 150px"
									  class="form-control"
									  cols="50"
									  rows="90"
									  placeholder="Your message"
									></textarea>
									<label for="message" class="form-label">Your message</label>
								  </div>
								</div>
			  
								<div
								  class="col-lg-6 col-lg-6-3"
								  style="
									display: flex;
									justify-content: center;
									align-items: center;
									margin-top: 20px;
								  "
								>
								  <button
									type="submit"
									class="main-btn border-r3"
									style="
									  background-color: rgb(13, 94, 161);
									  background-image: none;
									"
								  >
									<span style="padding: 10px;color: #fff;">
									  Send to Saildefender
									  <!-- <i class="fa-solid fa-arrow-right"></i> -->
									</span>
								  </button>
								</div>
							  </div>
						  </div>
					  </form>
					</div>
				</div>
				
			</div>
		</div>
		<!--=== End Page submit Section ===-->
		<div
			class="container-bottom"
			style="
			/* display: flex;
					justify-content: center; */
			/* align-items: center; */
			text-align: center;
			background-size: cover;
			background-image: url('assets/images/container-bottom.png');
			"
		>
			<img
			class="container-bottom-img"
			style="width: 500px; margin-top: -60px"
			src="assets/images/logo1.png"
			alt=""
			/>
			<div style="color: #fff; margin-top: -110px; padding-bottom: 35px">
			<div>Saildefender Co.,Ltd</div>
			<div>Pudong Distirct ,Shanghai, China</div>
			<div>Mail: info@saildefender.com</div>
			</div>
		</div>
        <!--=== JS Link ===-->
        <script src="assets/js/jquery.min.js"></script> 
        <script src="assets/js/bootstrap.bundle.min.js"></script>
		<script src="assets/js/jquery.meanmenu.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/magnific-popup.min.js"></script>
        <script src="assets/js/counterup.min.js"></script>
        <script src="assets/js/waypoints.min.js"></script>
        <script src="assets/js/scrollcue.js"></script>
        <script src="assets/js/countdown.min.js"></script>
		<script src="assets/js/custom.js"></script>
    </body>
</html>
